<template>
  <el-table :data="detail" border style="width: 100%">
    <el-table-column label="编号" type="index" width="60" />
    <el-table-column label="发布日期" prop="publishDate" width="100" show-overflow-tooltip />
    <el-table-column label="标题" prop="title" show-overflow-tooltip />
    <el-table-column label="地域" prop="district" width="200" show-overflow-tooltip />
    <el-table-column label="招标方" prop="tender" width="200" show-overflow-tooltip>
      <template #default="scope">
        <div>
          <el-link v-for="(item, index) in scope.row.tender" :key="index">{{ item.name }}</el-link>
        </div>
      </template>
    </el-table-column>
    <el-table-column label="中标方" prop="winner" width="200">
      <template #default="scope">
        <div>
          <el-link v-for="(item, index) in scope.row.winner" :key="index">{{ item.name }}</el-link>
        </div>
      </template>
    </el-table-column>
  </el-table>
</template>
<script setup lang="ts">
const props = defineProps({
  detail: Array
})
</script>
